<?php require_once '../admin/header.php';?>  

<style type="text/css">

select {float: none}
		.inputboxes  {padding: 5px; overflow: auto; margin-bottom: 5px}
		.inputboxes label {width: 75px; display: block; float: left; padding-top: 8px}
			 .inputbox, .inputboxes select, select {float: left; padding: 10px; border: 1px solid #ccc; -moz-box-shadow: 1px 1px 2px #ccc; -moz-border-radius: 5px; min-width: 200px} 
				.inputbox {background: #fff url(./images/bg_input_normal.png) repeat-x top}
		
				
				.errorbox, .errorbox:focus {background: #fff url(./images/bg_input_error.png) repeat-x top; border: 1px solid #DE5F54!important; -moz-box-shadow: 1px 1px 2px #F6D3D0!important; -webkit-box-shadow: 1px 1px 2px #F6D3D0!important; box-shadow: 1px 1px 2px #F6D3D0!important; color: #DE5F54} 
				.errortxt {color: #DE5F54; font-weight: 700}
				
				.correctbox, .correctbox:focus {background: #fff url(./images/bg_input_correct.png) repeat-x top; border: 1px solid #96BE1B!important; -moz-box-shadow: 1px 1px 2px #CEDC95!important; -webkit-box-shadow: 1px 1px 2px #CEDC95!important; box-shadow: 1px 1px 2px #CEDC95!important; color: #96BE1B}
					.correcttxt {color: #96BE1B; font-weight: 700}
				
				.inputbox:focus {border: 1px solid #aaa; -moz-box-shadow: 1px 1px 2px #aaa}
				.inputboxes img.att {float: left; padding: 10px 0 0 7px}
				
			.inputboxes .smaller {min-width: 100px; width: 100px}
			input[type=checkbox], input[type=radio] {margin-top: 10px}

</style>          
 <!-- Main content start -->      
            <div id="content">

<!-- Charts box start -->          
        		<div class="container med left" id="graphs">
                	<div class="conthead">
                		<h2>Sales Charts</h2>
                    </div>
<!-- Tabbed navigation start -->                    
                	<div class="contentbox">
                	
                    	<ul class="tablinks tabfade">
                    	    <!--
                        	<li class="nomar"><a href="#graphs-1">Bar</a></li>
                            <li><a href="#graphs-2">Pie</a></li>
                            <li><a href="#graphs-3">Line</a></li>
                            <li><a href="#graphs-4">Area</a></li>
                            --> 
                        </ul> 
                     
                        
<!-- Tabbed navigation end -->                       
<!-- Tabbed boxes start -->
                    	<div class="tabcontent" id="graphs-1">
                            <table style="display: none; height: 250px" class="bar" width="52%">
                                <caption> Registered Members</caption>
                                <thead>
                                    <tr>
                                        <td></td>
                                        <th scope="col">Jan</th>
                                        <th scope="col">Feb</th>
                                        <th scope="col">March</th>
                                        <th scope="col">April</th>
                                        <th scope="col">May</th>
                                        <th scope="col">June</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <th scope="row">2011</th>
                                        <td>190</td>
                                        <td>160</td>
                                        <td>40</td>
                                        <td>120</td>
                                        <td>30</td>
                                        <td>70</td>
                                    </tr>
                                    <tr>
                                        <th scope="row">2010</th>
                                        <td>3</td>
                                        <td>40</td>
                                        <td>30</td>
                                        <td>45</td>
                                        <td>35</td>
                                        <td>49</td>
                                    </tr>	
                                </tbody>
                            </table>
                    </div>
<!-- Tabbed boxes end -->  
                      
                    </div>
                </div>
                
<!-- Website stats start -->               
                <div class="container sml right">
                	<div class="conthead">
                		<h2>Website Stats</h2>
                    </div>
                	<div class="contentbox">
                    	<ul class="summarystats">
                        	<li>
                            	<p class="statcount">30</p> <p>Registrations</p>  <p class="statview"><a href="#" title="view">view</a></p>
                            </li>
                            <li>
                            	<p class="statcount">17</p> <p>New Sales</p>  <p class="statview"><a href="#" title="view">view</a></p>
                            </li>
                            <li>
                            	<p class="statcount">05</p> <p>Pending sales</p>  <p class="statview"><a href="#" title="view">view</a></p>
                            </li>
                            <li>
                            	<p class="statcount">10</p> <p>Support requests</p>  <p class="statview"><a href="#" title="view">view</a></p>
                            </li>
                        </ul>
                        
                        <p><strong>Usage bar examples</strong></p>
                        
                        <table>
                            <tr>
                                <td width="150"><strong><span class="usagetxt redtxt">Red</span></strong></td>
                                <td width="500">
                                    <div class="usagebox">
                                        <div class="highbar" style="width: 85%;"></div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td><strong><span class="usagetxt orangetxt">Orange</span></strong></td>
                                <td>
                                    <div class="usagebox">
                                        <div class="midbar" style="width: 50%;"></div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td><strong><span class="usagetxt greentxt">Green</span></strong></td>
                                <td>
                                    <div class="usagebox">
                                        <div class="lowbar" style="width: 25%;"></div>
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
<!-- Website stats end -->  
               
                <!-- Clear finsih for all floated content boxes --> <div style="clear: both"></div>
                

 
                
                <!-- Clear finsih for all floated content boxes --><div style="clear: both"></div>
                
    
<!-- Table styles start -->           
                <div class="container">
                	<div class="conthead">
                		<h2>Table Example</h2>
                    </div>
                	<div class="contentbox">
                        <table width="100%">
                            <thead>
                                <tr>
                                    <th>Heading</th>
                                    <th>Another Heading</th>
                                    <th>Actions</th>
                                    <th><input name="" type="checkbox" value="" id="checkboxall" /></th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>Content Here</td>
                                    <td>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam.</td>
                                    <td>
                                        <a href="#" title=""><img src="./images/icons/icon_edit.png" alt="Edit" /></a>
                                        <a href="#" title=""><img src="./images/icons/icon_approve.png" alt="Approve" /></a>
                                        <a href="#" title=""><img src="./images/icons/icon_unapprove.png" alt="Unapprove" /></a>
                                        <a href="#" title=""><img src="./images/icons/icon_delete.png" alt="Delete" /></a>
                                    </td>
                                    <td><input type="checkbox" value="" name="checkall" /></td>
                                </tr>
                                <tr class="alt">
                                    <td>Content Here</td>
                                    <td>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam.</td>
                                    <td>
                                        <a href="#" title=""><img src="./images/icons/icon_edit.png" alt="Edit" /></a>
                                        <a href="#" title=""><img src="./images/icons/icon_approve.png" alt="Approve" /></a>
                                        <a href="#" title=""><img src="./images/icons/icon_unapprove.png" alt="Unapprove" /></a>
                                        <a href="#" title=""><img src="./images/icons/icon_delete.png" alt="Delete" /></a>
                                    </td>
                                    <td><input type="checkbox" value="" name="checkall" /></td>
                                </tr>
                                <tr>
                                    <td>Content Here</td>
                                    <td>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam.</td>
                                    <td>
                                        <a href="#" title=""><img src="./images/icons/icon_edit.png" alt="Edit" /></a>
                                        <a href="#" title=""><img src="./images/icons/icon_approve.png" alt="Approve" /></a>
                                        <a href="#" title=""><img src="./images/icons/icon_unapprove.png" alt="Unapprove" /></a>
                                        <a href="#" title=""><img src="./images/icons/icon_delete.png" alt="Delete" /></a>
                                    </td>
                                    <td><input type="checkbox" value="" name="checkall" /></td>
                                </tr>
                                 <tr class="alt">
                                    <td>Content Here</td>
                                    <td>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam.</td>
                                    <td>
                                        <a href="#" title=""><img src="./images/icons/icon_edit.png" alt="Edit" /></a>
                                        <a href="#" title=""><img src="./images/icons/icon_approve.png" alt="Approve" /></a>
                                        <a href="#" title=""><img src="./images/icons/icon_unapprove.png" alt="Unapprove" /></a>
                                        <a href="#" title=""><img src="./images/icons/icon_delete.png" alt="Delete" /></a>
                                    </td>
                                    <td><input type="checkbox" value="" name="checkall" /></td>
                                </tr>
                            </tbody>
                        </table>
                        <div class="extrabottom">
                        	<ul class="pagination">
                                <li class="text">Previous</li>
                                <li class="page"><a href="#" title="">1</a></li>
                                <li><a href="#" title="">2</a></li>
                                <li><a href="#" title="">3</a></li>
                                <li><a href="#" title="">4</a></li>
                                <li class="text"><a href="#" title="">Next</a></li>
                            </ul>
                            <div class="bulkactions">
                                <select>
                                    <option />Select bulk action...
                                </select>
                                <input type="submit" value="Apply" class="btn" />
                            </div>
                        </div>
                    </div>
                </div>
<!-- Table styles end -->  
                
                <!-- Status Bar Start -->
                <div class="status warning">
                    <p class="closestatus"><a href="./index.html" title="Close">x</a></p>
                    <p><img src="./images/icons/icon_warning.png" alt="Warning" /><span>Attention!</span> Lorem ipsum dolor sit amet, consectetuer, sed diam nonummy nibh.</p>
                </div>
                <!-- Status Bar End -->
                
                 <!-- Red Status Bar Start -->
                <div class="status success">
                    <p class="closestatus"><a href="./index.html" title="Close">x</a></p>
                    <p><img src="./images/icons/icon_success.png" alt="Success" /><span>Success!</span> Lorem ipsum dolor sit amet, consectetuer adipiscing, sed diam nonummy nibh.</p>
                </div>
                <!-- Red Status Bar End -->
                
                <!-- Green Status Bar Start -->
                <div class="status error">
                    <p class="closestatus"><a href="./index.html" title="Close">x</a></p>
                    <p><img src="./images/icons/icon_error.png" alt="Error" /><span>Error!</span> Lorem ipsum dolor sit amet, consectetuer adipiscing, sed diam nonummy nibh.</p>
                </div>
                <!-- Green Status Bar End -->
                
                <!-- Blue Status Bar Start -->
                <div class="status info">
                    <p class="closestatus"><a href="./index.html" title="Close">x</a></p>
                    <p><img src="./images/icons/icon_info.png" alt="Information" /><span>Information:</span> Lorem ipsum dolor sit amet, consectetuer adipiscing, sed diam nonummy nibh.</p>
                </div>
                <!-- Blue Status Bar End -->   
        	</div>
            
<?php require_once '../admin/footer.php';?>
